@import '~styles/config.scss';

.imageContainer {
  display: flex;
  flex-wrap: wrap;
}

.rate {
    flex   : auto;
    display: flex;
    padding-top:10px;
    .li {
        margin-right: 10px;
    }
}



.content {
    font-size  : 14px;
    margin-top:-10px;
    .item {
        margin-top:10px;
        border:1px solid $--border-color-extra-light;
        
        background-color: #fff;
        border-radius: 6px;
        font-size: 12px;
        .hh {
            border-bottom:1px solid $--border-color-extra-light;
            display: flex;
            background-color: rgba(0,0,0,0.01);
            padding:10px;
            line-height : 20px;
            .user {
                flex   : auto;
                display: flex;

                .show {
                    display: flex;

                    .img {
                        width        : 20px;
                        height       : 20px;
                        border-radius: 100%;
                        overflow     : hidden;
                        margin-right: 10px;
                    }

                    .name {
                        
                        
                    }
                }
            }
            .time{

                color:$--color-text-secondary;
            }
        }

        .mm{
            border-radius: 6px;
            padding:10px;
            background-color: #fff;
        }

        .msg{

        }
        .imgList {
            display    : flex;
            flex-wrap  : wrap;
            margin-left: -10px;
            
            // object-fit: cover;
            .li {
                width        : 30px;
                height       : 30px;
                display      : block;
                overflow     : hidden;
                border-radius: 3px;
                position     : relative;
                margin-left  : 10px;
                margin-top   : 10px;

                .img1 {
                    width : 100%;
                    height: 100%;
                }
            }
        }
    }



}


